<!--mv通用CSS-->
<head th:fragment=mvheader(title)>
    <meta charset="UTF-8">
    <title th:text="${title}"></title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="keywords" content="">
    <meta name="description" content="">
    <link rel="icon" th:href="@{/uploadmoment/images/Favicon.png}">
    <link rel="stylesheet" type="text/css" th:href="@{/uploadmoment/css/animate.css}">
    <link rel="stylesheet" type="text/css" th:href="@{/uploadmoment/css/bootstrap.min.css}">
    <link rel="stylesheet" type="text/css" th:href="@{/uploadmoment/css/flatpickr.min.css}">
    <link rel="stylesheet" type="text/css" th:href="@{/uploadmoment/css/fontello.css}">
    <link rel="stylesheet" type="text/css" th:href="@{/uploadmoment/css/fontello-codes.css}">
    <link rel="stylesheet" type="text/css" th:href="@{/uploadmoment/css/thumbs-embedded.css}">
    <link rel="stylesheet" type="text/css" th:href="@{/uploadmoment/css/style.css}">
    <link rel="stylesheet" type="text/css" th:href="@{/uploadmoment/css/responsive.css}">
    <link rel="stylesheet" type="text/css" th:href="@{/uploadmoment/css/color.css}">
    <link rel="stylesheet" type="text/css" th:href="@{/uploadmoment/css/main.css}">
    <link rel="stylesheet" type="text/css" th:href="@{/uploadmoment/css/responsive.css}">
    <link rel="stylesheet" type="text/css" th:href="@{/uploadmoment/css/video-js.css}">
    <link rel="stylesheet" type="text/css" th:href="@{/uploadmoment/css/jquery.mCustomScrollbar.min.css}">
</head>

<!--mv通用js-->
<div th:fragment="mvfooter">
    <script th:src="@{/uploadmoment/js/jquery.min.js}"></script>
    <script th:src="@{/uploadmoment/js/popper.js}"></script>
    <script th:src="@{/uploadmoment/js/bootstrap.min.js}"></script>
    <script th:src="@{/uploadmoment/js/flatpickr.js}"></script>
    <script th:src="@{/uploadmoment/js/script.js}"></script>
    <script th:src="@{/uploadmoment/js/bootstrap-waterfall.js}"></script>
    <script th:src="@{/uploadmoment/js/jquery.mCustomScrollbar.js}"></script>
    <script th:src="@{/uploadmoment/js/jquery-3.4.1.min.js}"></script>
    <script th:src="@{/uploadmoment/js/video.js}"></script>
</div>

<!--mv通用header-->
<div th:fragment="header">
    <header>
        <div class="top_bar">
            <div class="container">
                <div class="top_header_content">
                    <div class="menu_logo">
                        <a href="#" title="" class="menu">
                            <i class="icon-menu"></i>
                        </a>
                        <a href="index.html" title="" class="logo">
                            <span style="">
                                <img src="images/logo.png" alt="lcl" height="34" width="34">
                            </span>
                        </a>
                    </div><!--menu_logo end-->
                    <div class="search_form">
                        <form>
                            <input type="text" name="search" placeholder="查询">
                            <button type="submit">
                                <i class="icon-search"></i>
                            </button>
                        </form>
                    </div><!--search_form end-->
                    <ul class="controls-lv">
                        <li>
                            <a href="#" title=""><i class="icon-message"></i></a>
                        </li>
                        <li>
                            <a href="#" title=""><i class="icon-notification"></i></a>
                        </li>
                        <li class="user-log">
                            <div class="user-ac-img">
                                <img src="images/logo.png" alt="" width="60" height="60">
                            </div>
                            <div class="account-menu">
                                <h4>AZYRUSMAX <span class="usr-status">PRO</span></h4>
                                <div class="sd_menu">
                                    <ul class="mm_menu">
                                        <li>
												<span>
													<i class="icon-user"></i>
												</span>
                                            <a href="#" title="">My Channel</a>
                                        </li>
                                        <li>
												<span>
													<i class="icon-paid_sub"></i>
												</span>
                                            <a href="#" title="">Paid subscriptions</a>
                                        </li>
                                        <li>
												<span>
													<i class="icon-settings"></i>
												</span>
                                            <a href="#" title="">Settings</a>
                                        </li>
                                        <li>
												<span>
													<i class="icon-logout"></i>
												</span>
                                            <a href="#" title="">Sign out</a>
                                        </li>
                                    </ul>
                                </div><!--sd_menu end-->
                                <div class="sd_menu scnd">
                                    <ul class="mm_menu">
                                        <li>
												<span>
													<i class="icon-light"></i>
												</span>
                                            <a href="#" title="">Dark Theme</a>
                                            <label class="switch">
                                                <input type="checkbox">
                                                <b class="slider round"></b>
                                            </label>
                                        </li>
                                        <li>
												<span>
													<i class="icon-language"></i>
												</span>
                                            <a href="#" title="">Language</a>
                                        </li>
                                        <li>
												<span>
													<i class="icon-feedback"></i>
												</span>
                                            <a href="#" title="">Send feedback</a>
                                        </li>
                                        <li>
												<span>
													<i class="icon-location"></i>
												</span>
                                            <a href="#" title="">India</a>
                                            <i class="icon-arrow_below"></i>
                                        </li>
                                    </ul>
                                </div><!--sd_menu end-->
                                <div class="restricted-mode">
                                    <h4>Restricted Mode</h4>
                                    <label class="switch">
                                        <input type="checkbox" checked>
                                        <span class="slider round"></span>
                                    </label>
                                    <div class="clearfix"></div>
                                </div><!--restricted-more end-->
                            </div>
                        </li>
                        <li>
                            <a href="/uploadmoment/Upload_Video.html" title="" class="btn-default">上载</a>
                        </li>
                    </ul><!--controls-lv end-->
                    <div class="clearfix"></div>
                </div><!--top_header_content end-->
            </div>
        </div><!--header_content end-->
        <div class="btm_bar">
            <div class="container">
                <div class="btm_bar_content">
                    <nav>
                        <ul>
                            <li><a href="#" title="">所有页面</a>
                                <div class="mega-menu">
                                    <ul>
                                        <li><a href="index.html" title="">首页</a></li>
                                        <li><a href="single_video_page.html" title="">播放器小屏幕</a></li>
                                        <li><a href="Single_Video_Simplified_Page.html" title="">多余的播放器</a></li>
                                        <li><a href="single_video_fullwidth_page.html" title="">宽屏播放</a></li>
                                        <li><a href="single_video_playlist.html" title="">视频选集播放</a></li>
                                        <li><a href="Upload_Video.html" title="">上传页面</a></li>
                                        <li><a href="Upload_Edit.html" title="">发布视频详细信息填写</a></li>
                                        <li><a href="Browse_Channels.html" title="">人气王</a></li>
                                        <li><a href="Searched_Videos_Page.html" title="">分类搜索页</a></li>
                                    </ul>
                                    <ul>
                                        <li><a href="#" title="">个人主页 <span class="icon-arrow_below"></span></a>
                                            <ul>
                                                <li><a href="Single_Channel_Home.html" title="">个人资料</a></li>
                                                <li><a href="Single_Channel_Videos.html" title="">个人资料上传的影片</a></li>
                                                <li><a href="Single_Channel_Playlist.html" title="">个人资料播放清单</a></li>
                                                <li><a href="Single_Channel_Channels.html" title="">个人资料频道</a></li>
                                                <li><a href="Single_Channel_About.html" title="">个人资料个人信息描述</a></li>
                                                <li><a href="Single_Channel_Products.html" title="">个人资料恰饭</a></li>
                                            </ul>
                                        </li>
                                        <li><a href="History_Page.html" title="">观看历史记录</a></li>
                                        <li><a href="Browse_Categories.html" title="">分类</a></li>
                                        <li><a href="Updates_From_Subs.html" title="">订阅人更新状态</a></li>
                                        <li><a href="login.html" title="">登陆</a></li>
                                        <li><a href="signup.html" title="">注册</a></li>
                                        <li><a href="User_Account_Page.html" title="">个人信息管理</a></li>
                                    </ul>
                                </div>
                                <div class="clearfix"></div>
                            </li>
                            <li><a href="Browse_Categories.html" title="">分类</a></li>
                            <li><a href="Browse_Channels.html" title="">人气王</a></li>
                            <li><a href="#" title="">Trending</a></li>
                            <li><a href="Single_Channel_Home.html" title="">个人资料首页</a></li>
                            <li><a href="#" title="">其他</a></li>
                        </ul>
                    </nav><!--navigation end-->
                    <ul class="shr_links">
                        <li>
                            <h3>或者查看 : </h3>
                        </li>
                        <li>
                            <button data-toggle="tooltip" data-placement="top" title="Like">
                                <i class="icon-like"></i>
                            </button>
                        </li>
                        <li>
                            <button data-toggle="tooltip" data-placement="top" title="Watch later">
                                <i class="icon-watch_later"></i>
                            </button>
                        </li>
                        <li>
                            <button data-toggle="tooltip" data-placement="top" title="Playlist">
                                <i class="icon-playlist"></i>
                            </button>
                        </li>
                        <li>
                            <button data-toggle="tooltip" data-placement="top" title="Purchased">
                                <i class="icon-purchased"></i>
                            </button>
                        </li>
                        <li>
                            <button data-toggle="tooltip" data-placement="top" title="History">
                                <i class="icon-history"></i>
                            </button>
                        </li>
                    </ul><!--shr_links end-->
                    <ul class="vid_thums">
                        <li>
                            <a class="active" href="#" title=""><i class="icon-grid"></i></a>
                        </li>
                        <li>
                            <a href="#" title="">
                                <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
                                     x="0px" y="0px"
                                     viewBox="0 0 108 108" xml:space="preserve">
										<rect width="63" height="45"/>
                                    <rect x="81" width="27" height="45"/>
                                    <rect x="45" y="63" width="63" height="45"/>
                                    <rect y="63" width="27" height="45"/>
									</svg>
                            </a>
                        </li>
                    </ul><!--vid_status end-->
                    <div class="clearfix"></div>
                </div><!--btm_bar_content end-->
            </div>
        </div><!--btm_bar end-->
    </header>
    <!--header end-->
    <div class="side_menu">
        <div class="form_dvv">
            <a href="#" title="" class="login_form_show">Sign in</a>
        </div>
        <div class="sd_menu">
            <ul class="mm_menu">
                <li>
						<span>
							<i class="icon-home"></i>
						</span>
                    <a href="#" title="">首页</a>
                </li>
                <li>
						<span>
							<i class="icon-fire"></i>
						</span>
                    <a href="#" title="">热度</a>
                </li>
                <li>
						<span>
							<i class="icon-subscriptions"></i>
						</span>
                    <a href="#" title="">订阅内容</a>
                </li>
            </ul>
        </div><!--sd_menu end-->
        <div class="sd_menu">
            <h3>图书馆</h3>
            <ul class="mm_menu">
                <li>
						<span>
							<i class="icon-history"></i>
						</span>
                    <a href="#" title="">历史记录</a>
                </li>
                <li>
						<span>
							<i class="icon-watch_later"></i>
						</span>
                    <a href="#" title="">售后观看</a>
                </li>
                <li>
						<span>
							<i class="icon-purchased"></i>
						</span>
                    <a href="#" title="">采购</a>
                </li>
                <li>
						<span>
							<i class="icon-like"></i>
						</span>
                    <a href="#" title="">喜欢的视频</a>
                </li>
                <li>
						<span>
							<i class="icon-play_list"></i>
						</span>
                    <a href="#" title="">播放清单</a>
                </li>
            </ul>
        </div><!--sd_menu end-->
        <div class="sd_menu subs_lst">
            <h3>关注的up猪</h3>
            <ul class="mm_menu">
                <li>
						<span class="usr_name">
							<img src="images/resources/th1.png" alt="">
						</span>
                    <a href="#" title="">Dr Disrespect</a>
                    <small>3</small>
                </li>
                <li>
						<span class="usr_name">
							<img src="images/resources/th2.png" alt="">
						</span>
                    <a href="#" title="">ASMR</a>
                    <small>6</small>
                </li>
                <li>
						<span class="usr_name">
							<img src="images/resources/th3.png" alt="">
						</span>
                    <a href="#" title="">Rivvrs</a>
                    <small>2</small>
                </li>
                <li>
						<span class="usr_name">
							<img src="images/resources/th4.png" alt="">
						</span>
                    <a href="#" title="">The Verge</a>
                    <small>11</small>
                </li>
                <li>
						<span class="usr_name">
							<img src="images/resources/th5.png" alt="">
						</span>
                    <a href="#" title="">Seeker</a>
                    <small>3</small>
                </li>
                <li>
						<span class="usr_name">
							<img src="images/resources/sn.png" alt="">
						</span>
                    <a href="#" title="">Music</a>
                    <small>20</small>
                </li>
            </ul>
            <a href="#" title="" class="more-ch"><i class="icon-arrow_below"></i> 更多up猪</a>
        </div><!--sd_menu end-->
        <div class="sd_menu">
            <ul class="mm_menu">
                <li>
						<span>
							<i class="icon-settings"></i>
						</span>
                    <a href="#" title="">设置</a>
                </li>
                <li>
						<span>
							<i class="icon-flag"></i>
						</span>
                    <a href="#" title="">报告</a>
                </li>
                <li>
						<span>
							<i class="icon-logout"></i>
						</span>
                    <a href="#" title="">退出登陆</a>
                </li>
            </ul>
        </div><!--sd_menu end-->
        <div class="sd_menu m_linkz">
            <ul class="mm_menu">
                <li><a href="#">关于</a></li>
                <li><a href="#">Community Rules </a></li>
                <li><a href="#">Privacy</a></li>
                <li><a href="#">Terms</a></li>
                <li><a href="#">Blogs</a></li>
                <li><a href="#">Contracts </a></li>
                <li><a href="#">Donate</a></li>
                <li><a href="#">FAQ</a></li>
            </ul>
            <span>azyrusthemes</span>
        </div><!--sd_menu end-->
        <div class="sd_menu bb-0">
            <ul class="social_links">
                <li>
                    <a href="#" title="">
                        <i class="icon-facebook-official"></i>
                    </a>
                </li>
                <li>
                    <a href="#" title="">
                        <i class="icon-twitter"></i>
                    </a>
                </li>
                <li>
                    <a href="#" title="">
                        <i class="icon-instagram"></i>
                    </a>
                </li>
            </ul><!--social_links end-->
        </div><!--sd_menu end-->
        <div class="dd_menu"></div>
    </div><!--side_menu end-->

</div>

